import { StyleSheet } from "react-native";
import { Color } from "../common";

const receiptStyles = StyleSheet.create({
  qrcodeContainer: {
    position: "relative",
    alignItems: "center"
  },
  copyCon: {
    width: "100%",
    marginTop: 30,
    fontSize: 14,
    color: "#616161",
    flexDirection: "row",
    alignItems: "center",
    textAlign: "center"
  },
  button: {
    height: 20,
    width: 70,
    color: "#fff",
    backgroundColor: Color,
    fontSize: 12,
    borderRadius: 5,
    overflow: "hidden",
    marginLeft: 10,
    lineHeight: 20,
    textAlign: "center",
    marginTop: 10
  },
  qrcodeMain: {
    marginTop: 50
  },
  qrcodeMainP: {
    fontSize: 16,
    textAlign: "center"
  },
  bgtCount: {
    fontWeight: "bold",
    marginTop: 20
  },
  bgtCountSpan: {
    fontSize: 20,
    marginRight: 8,
    fontWeight: "bold"
  },
  qrcodeOpt: {
    position: "relative",
    width: 200,
    marginLeft: "auto",
    marginRight: "auto",
    flexDirection: "row",
    marginTop: 20
  },
  qrcodeSetWrap: {
    position: "relative",
    height: 45,
    lineHeight: 45,
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    flexDirection: "row"
  },
  setLeft: {
    textAlign: "center",
    width: 90,
    height: 45,
    lineHeight: 45,
    color: "#616161"
  },
  input: {
    flex: 1,
    paddingLeft: 10,
    paddingRight: 10,
    height: 45,
    backgroundColor: "#fff"
  },
  confirmSet: {
    width: "90%",
    marginLeft: "5%",
    height: 45,
    lineHeight: 45,
    textAlign: "center",
    borderRadius: 8,
    backgroundColor: Color,
    overflow: "hidden",
    marginTop: 15,
    fontSize: 14,
    color: "#fff"
  }
});

export default receiptStyles;
